/**
* 窄屏显示时，使container的宽度为全屏
**/
@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/**
* 增加媒体类型，使宽屏显示更宽
**/
@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}

@media (min-width: 1570px) {
  .container {
    max-width: 1570px;
  }
}

@media (min-width: 1800px) {
  .container {
    max-width: 1800px;
  }
}

/**
* 修复 flex-grow-1 的宽度问题
* 在移动端时,flex-grow-1会使容器隐藏，建议使用 flex-sm-grow-1
**/
.flex-grow-1 {
  width: 0px;
}

.container {
  position: relative;
  z-index: 99;
}